//Component Object
Component({

    // 组件配置选项
    options: {
        multipleSlots: true, //在组件定义时的选项中启用多slot支持
    },

    // 组件属性
    properties: {

        // 图片地址
        imgUrl: {
            type: String,
            vaule: '',
            observer: function () { }
        },
        // 按钮名称
        title: {
            type: String,
            value: '',
            observer: function () { }
        },
        // 按钮tag
        btnTag: {
            type: Number,
            value: null,
            observer: function () { }
        },
        // 按钮默认宽高
        imageW: {
            type: Number,
            value: 64, //单位rpx
        },
        // 按钮默认宽高
        imageH: {
            type: Number,
            value: 64, //单位rpx
        },
        itemTitleColor: {
            type: String,
            value: '#fff',//按钮文字颜色,默认白色
        }
    },

    // 组件的内部数据，和 properties 一同用于组件的模版渲染
    data: {

    },

    //组件的方法，包括事件响应函数和任意的自定义方法 
    methods: {
        /**
         * 按钮点击触发的时间
         */
        iconBtnClick: function () {
            //triggerEvent 用于触发事件
            //this.triggerEvent(' ',{},{}),第一个参数是自定义事件名称，这个名称是在页面调用组件时bind的名称
            this.triggerEvent("iconBtnClick", { btnTag: this.properties.btnTag, title: this.properties.title })
        },
    },


    created: function () {

    },
    attached: function () {

    },
    ready: function () {

    },
    moved: function () {

    },
    detached: function () {

    },
});